<template>
  <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
  <div id="main" style="height:160px;">
    <h4 class="textH1">260,560</h4>
    <div class="text">
      <span>
        周同比 12%
        <i class="el-icon-caret-top" style="color: #ff0000;"></i>
      </span>
      <span>
        日环比 11%
        <i class="el-icon-caret-bottom" style="color: #008000;"></i>
      </span>
    </div>
  </div>
</template>
<script>
export default {
  name: 'answer-num',
  components: {},
  watch: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  created() {},
  async mounted() {},
  methods: {}
}
</script>
<style lang="less" scoped>
#main {
  padding: 5px;
  .textH1 {
    text-align: center;
    font-weight: normal;
    padding: 20px;
    font-size: 26px;
  }
  .text {
    // text-align: center;
    span {
      font-size: 15px;
    }
  }
}
</style>
